<template>
    <div>
        <!-- 三级联动全局组件: 三级联动已经注册为全局组件，因此不需要在引入 -->
        <TypeNav></TypeNav>
        <ListContainer></ListContainer>
        <Recommend></Recommend>
        <Rank></Rank>
        <Like></Like>
        <!-- Floor组件：自己在组件内部是没有发请求的，数据父组件给的 -->
        <Floor v-for="(floor,index) in floorList " :key="floor.id" :list="floor" ></Floor>
        <Brand></Brand>
    </div>
</template>

<script>
    //局部组件： 引入组件 注册 使用
    //全局组件：  只需要在入口文件定义一次，直接使用
    import ListContainer from '@/pages/Home/ListContainer'
    import Recommend from '@/pages/Home/Recommend'
    import Rank from '@/pages/Home/Rank'
    import Like from '@/pages/Home/Like'
    import Brand from '@/pages/Home/Brand'
    import Floor from '@/pages/Home/Floor'

    import {mapState} from 'vuex';

    export default{
        name:'',
        components:{
            ListContainer,
            Recommend,
            Rank,
            Like,
            Brand,
            Floor
        },
        computed: {
            ...mapState(['count'])
        },
        mounted(){
            //派发action ，获取floor组件的数据
            this.$store.dispatch('getFloorList')
        
        },
        computed:{
            ...mapState({
                floorList:state=>state.home.floorList
            })
        }
    }
</script>

<style scoped>

</style>